<ion-view title="社会百科">


    <ion-content>

            <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()">
            </ion-refresher>
            <div class="home-slide">
                <ion-slide-box does-continue="true" show-pager="true" auto-play="true">
                    <ion-slide  ng-repeat="focus in focuslListData">
                        <a href="#/tab/zhuanlan_content/{{focus.url}}"><img ng-src="{{ENV.siteUrl}}{{focus.img}}"></a>
                    </ion-slide>
                </ion-slide-box>
            </div>

            <div ng-if="showloading" style="margin-top:60px; text-align: center">

                <ion-spinner icon="ios" style="height: 60px; width: 60px;;"></ion-spinner>
            </div>


            <ion-list class="topics_list" ng-if="showloading==false">
                <ion-item class="item-thumbnail-left" collection-repeat="topic in wordlListData" href="#/tab/world_content/{{topic.id}}"
                          collection-item-width="100%" collection-item-height="96px">
                    <img ng-if="topic.img && (topic.type==1|| topic.type==2)" ng-src="{{ENV.imgUrl}}{{topic.img}}" onerror="this.src='img/ionic.png'">

                    <img ng-if="!topic.img && (topic.type==1|| topic.type==2)" ng-src="img/ionic.png">
                    <h2 ng-if="topic.type==1 || topic.type==2">{{topic.title}}</h2>

                    <img style="width: 100%; height:100px; max-width: 100%; max-height: 100px; margin-left: -10px; margin-top:-20px;" ng-if="topic.type==3" ng-src="{{ENV.imgUrl}}{{topic.img}}" />
                </ion-item>
            </ion-list>



            <ion-infinite-scroll icon="ion-load-d"  on-infinite="loadMore()" distance="1%" ng-if="moreDataCanBeLoaded()"></ion-infinite-scroll>

    </ion-content>
</ion-view>